@media screen and (min-width: 769px) {
  /* 输入框增长 */
  .focus {
    width: 32rem !important;
  }
}

@media screen and (max-width: 1200px) {
  /* 隐藏头部导航左侧栏 */
  .nav-left {
    display: none !important;
  }
  /* 显示小型导航栏 */
  .nav-left-small {
    display: inline-block !important;
  }
}

@media screen and (max-width: 1140px) {
  /* 减少文章宽度，防止覆盖广告 */
  .article-main-container {
    width: calc(100% - 26.67rem) !important;
  }
  /* 隐藏文章点赞等按钮 */
  .suspended-panel-container {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  /* 隐藏首页的侧边栏 */
  .sidebar-container {
    display: none;
  }

  /* 隐藏文章页的侧边栏 */
  .article-sidebar {
    display: none;
  }

  /* 首页内容居中显示 */
  .home-content,
  .search-content {
    margin: auto;
  }

  /* 文章内容占满全屏 */
  .article-main-container {
    width: 100% !important;
  }
  .article-main {
    padding: 2rem !important;
  }

  /* 隐藏头部会员 */
  .header-partner {
    display: none !important;
  }
}

@media screen and (max-width: 769px) {
  /* 首页文章列表占整屏 */
  .home-content,
  .search-content {
    width: 100% !important;
  }

  /* 隐藏标签管理 */
  .cate-manage {
    display: none;
  }

  .creater-container {
    display: none !important;
  }

  .nav-right-search-group {
    width: auto !important;
    margin-right: -2rem !important;
  }

  .hidden-small {
    display: none !important;
  }

  .focus {
    width: 30rem !important;
  }

  .nav-right {
    justify-content: space-between !important;
    width: 32rem !important;
  }
}

@media screen and (max-width: 640px) {
  /*  首页显示小logo */
  .logo {
    display: none;
  }
  .logo-small {
    display: inline-block !important;
  }

  .nav-right {
    justify-content: space-between !important;
    width: 20rem !important;
  }

  .form {
    width: 150px !important;
  }

  .focus {
    width: 18rem !important;
  }

  .btn-login {
    margin: 0 !important;
    font-size: 12px !important;
  }
}

@media screen and (max-width: 426px) {
  /*  首页选择框靠右 */
  .el-select {
    margin-left: auto;
  }

  /* 减小小logo的margin */
  .logo-small {
    margin: 0 0.3rem !important;
  }

  .search-user-btn {
    width: 5.23rem !important;
    height: 2.23rem !important;
  }

  .search-user-avatar {
    margin-right: 1rem !important;
  }

  .nav-right {
    justify-content: space-between !important;
    width: 18rem !important;
  }

  .form {
    width: 140px !important;
    margin-right: 4px !important;
  }

  .focus {
    width: 16rem !important;
  }
}

@media screen and (max-width: 376px) {
  /* 搜索页面的分类栏 */
  .header .el-input__inner {
    width: 7rem !important;
  }

  /* 清除搜索页分类参数的 padding */
  .params {
    padding-left: 0 !important;
  }
}
